<head>
    <meta name="referrer" content="never">
</head>
<div ng-controller="ArticleCtrl" ng-init="addAction()">
    <!-- <ul class="sui-breadcrumb">
        <li><a href="#/article/list">图文消息</a></li>
        <li class="active"> {{'add' | translate}}</li>
    </ul> -->
    <div class="span2" style="width:184px;height: 660px ">
        <div data-ng-model="articles">
            <ul class="card-list" as-sortable="kanbanSortOptions" data-ng-model="articles">
                <li ng-repeat="(key, value) in articles" as-sortable-item="" class="card" ng-click="ChoiceTp(value)">
                    <div as-sortable-item-handle="">
                        <span class="pull-right mar-right" ng-show="!media_id || (article.$$hashKey == value.$$hashKey)">
                            <a data-no-drag="" ng-click="articles.splice($index,1)" ng-show="key !=0"><i class="fa fa-times fa-1"></i>
                            </a> 
                        </span>
                        <div style="width:185px" ng-class="{'attachentImgChecked': article.$$hashKey == value.$$hashKey}">
                            <div ng-show="key !=0">
                                <div style="margin: 10px">
                                    <p>{{value.title}}</p>
                                </div>
                                <div style="margin-left:116px;margin-top:-43px;margin-bottom: 5px  "><img src="{{value.thumb_url}}" style="width: 56px;height: 80px"></div>
                            </div>
                            <div ng-show="key ==0">
                                <div class="active item" style="margin: 5px">
                                    <img src="{{value.thumb_url}}" style="width: 170px;height: 80px">
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="carousel-inner" class="card" style="margin-top: 5px;margin-bottom: 2px;" ng-show="!media_id" ng-if="articles.length<5">
            <div ng-click="addarticles()" style=" display: table-cell;vertical-align: middle;width: 197px;height: 80px;border:1px dashed #000;text-align: center;">
                <div> <i class="sui-icon icon-touch-plus">新增文章</i></div>
            </div>
        </div>
        <div style="margin-top: 5px">
            <!--  <button class="sui-btn  btn-xlarge btn-primary" style="margin: 5px" ng-click="balanceDelete(list.balance_activity_id)"> </button>
            {{article}} -->
            <wx-title ng-model="article" wxappid="wxappid" style="margin: 5px"></wx-title>
            <br/>
            <button type="submit " id="submit " class="sui-btn btn-xlarge  btn-primary " style="margin: 5px" ng-click="savedata() " ng-disabled="!article.author ||  !article.title || !article.content || !article.thumb_media_id ">
                <!-- ng-disabled="!description " -->
                <span>{{'save' | translate}}</span>
            </button>
            <br/>
            <button type="button " class="sui-btn btn-xlarge  btn-success " style="margin: 5px" ng-click="savedata(1) " ng-disabled="!article.author ||  !article.title || !article.content || !article.thumb_media_id ">
                <span>{{'预览' | translate}}</span>
            </button>
        </div>
    </div>
    <div class="span3" style="width:486px;"><!-- border:1px solid #aaa -->
        <div>
            <wxueditor uid="{{wxuid}}" ng-model="article.content" id="container" width="490" height="550" wxappid="wxappid"></wxueditor>
        </div>
    </div>
    <div class="span3" style="width:396px;border:1px solid #aaa">
        <div class="span3" style="width: 273px;border-bottom: :1px solid #aaa">
            <div style="border: 1px solid #aaa;height: 140px;margin-top:2px ">
                <input type="text" placeholder="{{'keyword'|translate}}" style="margin-top:5px;margin-left: 10px " ng-model="keyword">
                <button class="sui-btn btn-primary" type="submit" ng-click="getTaginfo()">{{'search'|translate}}</button>
                <div style="margin-top:10px;margin-left: 7px; ">
                    <span ng-repeat="tag in gzhsc_tag_list" ng-click="getTaginfo(1,tag.gzhsc_tag_id)" style="margin: 5px;width: 50px" class="sui-btn btn-bordered btn-small btn-warning">
                            {{tag.name}}
                    </span>
                </div>
            </div>
            <div style="padding: 20px;position: relative; ">
                <ul class="wl_ul">
                    <li class="wx_li" ng-click="addCode($event)" ng-repeat="tag in gzhsc_list">
                        <span bind-html-compile="tag.content"></span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="span1" style="border: 1px solid #aaa;height: 660px ;margin-top:2px;width: 100px;background-color: #0c0c0c;text-align: center;">
            <div style="color:#fff;font-size: 16px;margin: 5px">素材库 </div>
            <button type="submit " id="submit " class="sui-btn btn-xlarge " style="margin: 5px">
                标题
            </button>
            <br/>
            <button type="button " class="sui-btn btn-xlarge " style="margin: 5px">正文
            </button>
             <br/>
            <button type="button " class="sui-btn btn-xlarge " style="margin: 5px">图文
            </button>
             <br/>
            <button type="button " class="sui-btn btn-xlarge " style="margin: 5px">场景
            </button>
             <br/>
            <button type="button " class="sui-btn btn-xlarge " style="margin: 5px">节日
            </button>
        </div>
    </div>
    <!-- <table class="sui-table table-bordered" ng-show="ddd"> -->
    <!-- <tbody> -->
    <!-- <tr> -->
    <!-- <td width="10%">
                    <div>
                        图文列表
                        <div class="carousel-inner" ng-repeat="(key,value) in articles">
                            <span class="pull-right mar-right" ng-show="!media_id">
                                <a data-no-drag="" ng-click="articles.splice($index,1)" ng-show="key !=0"><i class="fa fa-times fa-1"></i>
                                </a> 
                            </span>
                    <div ng-click="ChoiceTp(value)" style="width:230px" ng-class="{'attachentImgChecked': article.$$hashKey == value.$$hashKey}">
                        <div class="active item" style="margin: 10px">
                            <img src="{{value.thumb_url}}" style="width: 217px;height: 120px">
                            <div class="carousel-caption" style="padding: 3px;width: 232px;bottom: 5px;">
                                <p>{{value.title}}</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-inner" style="margin: 10px;" ng-show="!media_id">
                    <div ng-click="addarticles()" style=" display: table-cell;vertical-align: middle;width: 217px;height: 120px;border:1px dashed #000;text-align: center;">
                        <div> <i class="sui-icon icon-touch-plus">新增文章</i></div>
                    </div>
                </div>
            </div>
            </td>
            <td width="50%">
                <div style="overflow:scroll;margin-top: -80px;">
                    <wxueditor uid="{{wxuid}}" ng-model="article.content" id="container" width="500" wxappid="wxappid"></wxueditor>
                    -->
    <!-- <div class="control-group"> -->
    <!-- <div class="control-group" style="margin-top: 10px">
                            <label class="control-label v-top" style="width: 50px;">标题 :</label>
                            <div class="controls">
                                <input type="text" name="" class="input-xlarge" ng-model="article.title">
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label v-top" style="width: 50px;">作者 :</label>
                            <div class="controls">
                                <input type="text" name="" class="input-xlarge" ng-model="article.author">
                            </div>
                        </div>
                        <div class="control-group ">
                            <label class="control-label v-top " style="width: 50px; ">摘要 :</label>
                            <div class="controls ">
                                <textarea rows="3 " ng-model="article.digest " class="input-xlarge "></textarea>
                            </div>
                        </div> 
                        <div class="control-group">
                            <label class="control-label v-top" style="width: 50px;">内容:</label>
                            <div class="controls">
                                <wxueditor uid="{{wxuid}}" ng-model="article.content" id="container" width="500" wxappid="wxappid"></wxueditor>
                            </div>
                        </div>
                        <div class="control-group ">
                            <label class="control-label v-top " style="width: 100px; "> 原文链接 :</label>
                            <div class="controls ">
                                <input type="text " name=" " class="input-xlarge " ng-model="article.content_source_url ">
                            </div>
                        </div>
                        <div class="control-group ">
                            <label class="control-label v-top " style="width: 100px; "> 封面 :</label>
                            <div class="controls ">
                            </div>
                        </div> -->
    <!-- <div class="control-group ">
                            <label class="control-label v-top " style="width:178px; ">
                                <wx-gzh-url-attachment id="suploadattach" owner-id="attachs " dhf-ng-model="attchUrl" xtype="mid " mult="false " title="从图片库选择 " xclass="sui-btn btn-primary" use-type="png,jpeg,gif,jpg,JPG,PNG,JPEG,GIF " wxappid="wxappid " setback="addimgurl(attach) " datatype="1"></wx-gzh-url-attachment>
                            </label>
                            <div class="controls ">
                                <img src="{{article.thumb_url}}" style="width: 217px;height: 120px">
                            </div>
                        </div> -->
    <!-- <div class="control-group">
                            <label class="control-label v-top" style="width: 150px;">是否显示封面:</label>
                            <div class="controls">
                                <label>
                                    <input type="radio" name="show_cover_pic" ng-model="article.show_cover_pic" ng-value="1" class="input-xlarge" required />是 </label>
                                </label>
                                <label>
                                    <input type="radio" name="show_cover_pic" ng-model="article.show_cover_pic" ng-value="0" class="input-xlarge" required />否 </label>
                                </label>
                            </div>
                        </div> -->
    <!--    </div>
                </td>
                <td width="40%">
                    <div style="padding: 20px;position: relative; ">
                        <ul class="wl_ul">
                            <li class="wx_li" ng-click="addCode($event)">
                                <section class="dhfEditor">
                                    <section style="margin:10px auto;padding-bottom:30px;">
                                        <p style="margin:0px;font-size:22px;text-align:center;color:#d9423d;">
                                            五四青年节
                                        </p>
                                        <section style="border:1px dashed #838381;margin-top:31px;">
                                            <section style="background-color:#fffeee;margin:-40px 20px;background-image:url(http://kol-statics.oss-cn-beijing.aliyuncs.com/editor/19402303454ab03182ee31d38668e05635936a.png);background-repeat:no-repeat;background-position:right bottom;background-size:80px auto;">
                                                <p style="margin:0px;font-size:15px;color:#333333;line-height:1.5;padding:30px 20px;">
                                                    爱国主义是五四精神的源泉，民主与科学是五四精神的核心，勇于探索、敢于创新、解放思想、实行变革是民主与科学提出和实现的途径，理性精神、个性解放、反帝反封建是民主与科学的内容。而所有这些，最终目的都是为了振兴中华民族。
                                                </p>
                                            </section>
                                        </section>
                                    </section>
                                </section>
                            </li>
                            <li class="wx_li" ng-click="addCode($event)">
                                <section class="dhfEditor">
                                    <section style="background-image:url(http://kol-statics.oss-cn-beijing.aliyuncs.com/editor/170500e297d1e6d31936919c7bf76bbd62dbed.png);background-repeat:no-repeat;background-size:42px auto;background-position:left top;">
                                        <section style="background-image:url(http://kol-statics.oss-cn-beijing.aliyuncs.com/editor/17050050bd7418a16627fea2d36fc124d2916d.png);background-repeat:no-repeat;background-size:42px auto;background-position:right top;">
                                            <section style="background-image:url(http://kol-statics.oss-cn-beijing.aliyuncs.com/editor/1705006928d9523e25faf242ee5f3fc0373670.png);background-repeat:no-repeat;background-size:42px auto;background-position:left bottom;">
                                                <section style="background-image:url(http://kol-statics.oss-cn-beijing.aliyuncs.com/editor/170500dd2838d980d5ac23abf1d093e2ce60fd.png);background-repeat:no-repeat;background-size:42px auto;background-position:right bottom;margin:0px auto;text-align:center;padding: 32px;">
                                                    <section style="margin:0px auto;text-align:center;display:inline-block;padding:5px;border:1px dashed #7e7e7e;">
                                                        <img src="http://kol-statics.oss-cn-beijing.aliyuncs.com/editor/170500e96ff21c4b08da4b3ce0962a3ed52e30.jpeg" style="max-width:100%;vertical-align:bottom;" />
                                                    </section>
                                                    <section style="margin-top:20px;">
                                                        <p style="margin:0px;text-align:left;font-size:15px;line-height:1.5;">
                                                            世界知识产权日，由世界知识产权组织于2001年4月26日设立，并决定从2001年起将每年的4月26日定为&quot;世界知识产权日目的是在世界范围内树立尊重知识、崇尚科学和保护知识产权的意识，营造鼓励知识创新的法律环境。
                                                        </p>
                                                    </section>
                                                </section>
                                            </section>
                                        </section>
                                    </section>
                                </section>
                            </li>
                        </ul>
                    </div>
                </td> -->
    <!-- <td width="25% ">多媒体
                    <div style="padding: 20px;position: relative; ">
                        <ul class="wl_ul ">
                            <li class="wx_li ">
                                <i class="sui-icon icon-picture "></i>
                                <wx-attachment owner-id="attachs "  dhf-ng-model="wximg " xtype="url " mult="false " title="image " use-type="png,jpeg,gif,jpg "  wxappid="wxappid " setback="back(attach) " ></wx-attachment>
                                <attachment owner-id="1 " owner-type="item " dhf-ng-model="wximg " xtype="url " mult="false " title="image " setback="back(attach) " use-type="png,jpeg,gif,jpg "></attachment>
                            </li>
                            <li class="wx_li ">
                                <i class="sui-icon icon-picture "></i>
                                <wxapplet callback="appletback(attach) "></wxapplet>
                            </li>
                        </ul>
                    </div>
                </td> -->
    <!-- </tr> -->
    <!-- </tbody> -->
    <!-- </table> -->
    <!-- <div class="control-group ">
        <label class="control-label "></label>
        <div class="controls ">
            <button type="submit " id="submit " class="sui-btn btn-primary " ng-click="savedata() " ng-disabled="!article.author ||  !article.title || !article.content || !article.thumb_media_id ">
                <span>{{'save' | translate}}</span>
            </button>
            <button type="button " class="sui-btn btn-success " ng-click="savedata(1) " ng-disabled="!article.author ||  !article.title || !article.content || !article.thumb_media_id ">
                <span>{{'预览' | translate}}</span>
            </button>
        </div>
    </div> -->
    <!-- </div> -->
    <!-- <table class="sui-table table-bordered">
        <tbody>
            <tr>
                <td width="10%">
                    <div>
                        图文列表
                        <div class="carousel-inner" ng-repeat="(key,value) in articles">
                            <span class="pull-right mar-right" ng-show="!media_id">
                                <a data-no-drag="" ng-click="articles.splice($index,1)" ng-show="key !=0"><i class="fa fa-times fa-1"></i>
                                </a> 
                            </span>
                            <div ng-click="ChoiceTp(value)" style="width:230px" ng-class="{'attachentImgChecked': article.$$hashKey == value.$$hashKey}">
                                <div class="active item" style="margin: 10px">
                                    <img src="{{value.thumb_url}}" style="width: 217px;height: 120px">
                                    <div class="carousel-caption" style="padding: 3px;width: 232px;bottom: 5px;">
                                        <p>{{value.title}}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-inner" style="margin: 10px;" ng-show="!media_id">
                            <div ng-click="addarticles()" style=" display: table-cell;vertical-align: middle;width: 217px;height: 120px;border:1px dashed #000;text-align: center;">
                                <div> <i class="sui-icon icon-touch-plus">新增文章</i></div>
                            </div>
                        </div>
                    </div>
                </td>
                <td width="500">
                    <div class="sui-form form-horizontal" style="overflow:scroll;">
                        <div class="control-group" style="margin-top: 10px">
                            <label class="control-label v-top" style="width: 50px;">标题 :</label>
                            <div class="controls">
                                <input type="text" name="" class="input-xlarge" ng-model="article.title">
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label v-top" style="width: 50px;">作者 :</label>
                            <div class="controls">
                                <input type="text" name="" class="input-xlarge" ng-model="article.author">
                            </div>
                        </div>
                        <div class="control-group ">
                            <label class="control-label v-top " style="width: 50px; ">摘要 :</label>
                            <div class="controls ">
                                <textarea rows="3 " ng-model="article.digest " class="input-xlarge "></textarea>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label v-top" style="width: 50px;">内容:</label>
                            <div class="controls">
                                <wxueditor uid="{{wxuid}}" ng-model="article.content" id="container" width="500" wxappid="wxappid"></wxueditor>
                            </div>
                        </div>
                        <div class="control-group ">
                            <label class="control-label v-top " style="width: 100px; "> 原文链接 :</label>
                            <div class="controls ">
                                <input type="text " name=" " class="input-xlarge " ng-model="article.content_source_url ">
                            </div>
                        </div>
                        <div class="control-group ">
                            <label class="control-label v-top " style="width: 100px; "> 封面 :</label>
                            <div class="controls ">
                            </div>
                        </div>
                        <div class="control-group ">
                            <label class="control-label v-top " style="width:178px; ">
                                <wx-gzh-url-attachment id="suploadattach" owner-id="attachs " dhf-ng-model="attchUrl" xtype="mid " mult="false " title="从图片库选择 " xclass="sui-btn btn-primary" use-type="png,jpeg,gif,jpg,JPG,PNG,JPEG,GIF " wxappid="wxappid " setback="addimgurl(attach) " datatype="1"></wx-gzh-url-attachment>
                            </label>
                            <div class="controls ">
                                <img src="{{article.thumb_url}}" style="width: 217px;height: 120px">
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label v-top" style="width: 150px;">是否显示封面:</label>
                            <div class="controls">
                                <label>
                                    <input type="radio" name="show_cover_pic" ng-model="article.show_cover_pic" ng-value="1" class="input-xlarge" required />是 </label>
                                </label>
                                <label>
                                    <input type="radio" name="show_cover_pic" ng-model="article.show_cover_pic" ng-value="0" class="input-xlarge" required />否 </label>
                                </label>
                            </div>
                        </div>
                    </div>
                </td>
                <td>
                    <div style="padding: 20px;position: relative; ">
                        <ul class="wl_ul">
                            <li class="wx_li" ng-click="addCode($event)">
                                <section class="dhfEditor">
                                    <section style="margin:10px auto;padding-bottom:30px;">
                                        <p style="margin:0px;font-size:22px;text-align:center;color:#d9423d;">
                                            五四青年节
                                        </p>
                                        <section style="border:1px dashed #838381;margin-top:31px;">
                                            <section style="background-color:#fffeee;margin:-40px 20px;background-image:url(http://kol-statics.oss-cn-beijing.aliyuncs.com/editor/19402303454ab03182ee31d38668e05635936a.png);background-repeat:no-repeat;background-position:right bottom;background-size:80px auto;">
                                                <p style="margin:0px;font-size:15px;color:#333333;line-height:1.5;padding:30px 20px;">
                                                    爱国主义是五四精神的源泉，民主与科学是五四精神的核心，勇于探索、敢于创新、解放思想、实行变革是民主与科学提出和实现的途径，理性精神、个性解放、反帝反封建是民主与科学的内容。而所有这些，最终目的都是为了振兴中华民族。
                                                </p>
                                            </section>
                                        </section>
                                    </section>
                                </section>
                            </li>
                            <li class="wx_li" ng-click="addCode($event)">
                                <section class="dhfEditor">
                                    <section style="background-image:url(http://kol-statics.oss-cn-beijing.aliyuncs.com/editor/170500e297d1e6d31936919c7bf76bbd62dbed.png);background-repeat:no-repeat;background-size:42px auto;background-position:left top;">
                                        <section style="background-image:url(http://kol-statics.oss-cn-beijing.aliyuncs.com/editor/17050050bd7418a16627fea2d36fc124d2916d.png);background-repeat:no-repeat;background-size:42px auto;background-position:right top;">
                                            <section style="background-image:url(http://kol-statics.oss-cn-beijing.aliyuncs.com/editor/1705006928d9523e25faf242ee5f3fc0373670.png);background-repeat:no-repeat;background-size:42px auto;background-position:left bottom;">
                                                <section style="background-image:url(http://kol-statics.oss-cn-beijing.aliyuncs.com/editor/170500dd2838d980d5ac23abf1d093e2ce60fd.png);background-repeat:no-repeat;background-size:42px auto;background-position:right bottom;margin:0px auto;text-align:center;padding: 32px;">
                                                    <section style="margin:0px auto;text-align:center;display:inline-block;padding:5px;border:1px dashed #7e7e7e;">
                                                        <img src="http://kol-statics.oss-cn-beijing.aliyuncs.com/editor/170500e96ff21c4b08da4b3ce0962a3ed52e30.jpeg" style="max-width:100%;vertical-align:bottom;" />
                                                    </section>
                                                    <section style="margin-top:20px;">
                                                        <p style="margin:0px;text-align:left;font-size:15px;line-height:1.5;">
                                                            世界知识产权日，由世界知识产权组织于2001年4月26日设立，并决定从2001年起将每年的4月26日定为&quot;世界知识产权日目的是在世界范围内树立尊重知识、崇尚科学和保护知识产权的意识，营造鼓励知识创新的法律环境。
                                                        </p>
                                                    </section>
                                                </section>
                                            </section>
                                        </section>
                                    </section>
                                </section>
                            </li>
                        </ul>
                    </div>
                </td>
                
            </tr>
        </tbody>
</table> -->
    <!-- <div class="control-group ">
        <label class="control-label "></label>
        <div class="controls ">
            <button type="submit " id="submit " class="sui-btn btn-primary " ng-click="savedata() " ng-disabled="!article.author ||  !article.title || !article.content || !article.thumb_media_id ">
                ng-disabled="!description "
                <span>{{'save' | translate}}</span>
            </button>
            <button type="button " class="sui-btn btn-success " ng-click="savedata(1) " ng-disabled="!article.author ||  !article.title || !article.content || !article.thumb_media_id ">
                <span>{{'预览' | translate}}</span>
            </button>
        </div>
</div> -->